<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<title>登录页</title>
	<link rel="stylesheet" href="css/normalize.css" />
	<link rel="stylesheet" href="css/login.css" />
	<link rel="stylesheet" href="css/footer.css" />
	<!-- <script src="js/iphone13/iphone13.js" type="module"></script> -->
	<script src="./js/jquery.js"></script>
</head>

<body>
	<!-- header -->
	<header>
		<div class="wrapper">
			<h1 class="logo">
				<a href="./index.html" title="天猫Tmall.com" target="_top">
					<img src="images/tm__logo.png" alt="logo" width="190" height="27" />
				</a>
			</h1>
		</div>
	</header>

	<!-- main -->
	<main>
		<section class="banner">
			<div class="banner__wrap">
				<div class="banner__logo">
					<img src="images/login/logo.png" width="1190" height="600" alt="logo" />
				</div>
				<a href="./index.html" title="上天猫,就够了"></a>
			</div>
		</section>
		<section class="login">
			<div class="login__wrapper">
				<div class="login__qrcode">
					<i class="icon"></i>
					<p>扫码登陆更安全</p>
				</div>
				<div class="login__content">
					<div class="login__switch">
						<a href="javascript:;">密码登录</a>
						<a href="javascript:;">短信登陆</a>
					</div>
				</div>
				<div id="login__form" class="login__form login__form--active">
					<div class="login__item">
						<div class="item__icon">
							<i class="icon"></i>
						</div>
						<div class="item__input input-user">
							<input id="user" name="username" type="text" placeholder="会员名/邮箱/手机号" />
							<span class="checkbox"></span>
						</div>
					</div>
					<div id="psw" class="login__item">
						<div class="item__icon">
							<i class="icon"></i>
						</div>
						<div class="item__input input-psw">
							<input id="pass" name="password" type="text" placeholder="请输入登录密码" />
							<span class="checkbox"></span>
						</div>
					</div>
					<div class="login__submit">
						<button id="login-submit" type="submit">登录</button>
					</div>
					<script>
						let ainput1 = document.getElementById("user")
						let ainput2 = document.getElementById("pass")
						let submit = document.getElementById("login-submit")
						submit.onclick=function(){
						$.get("http://jx.xuzhixiang.top/ap/api/login.php", {
							username: "ainput1.value",
							password: "ainput2.value",
						}).then((res) => {
							console.log(res);if(res.code==1){
								location.href="./index.html"
							}else{
								location.href="./login.html"
								
							}
						});
						}
					</script>
					<div class="login__help">
						<a class="help__password" href="" target="_blank">忘记密码</a><a class="help__username" href=""
							target="_blank">忘记用户名</a><a class="help__register" href="" target="_blank">免费注册</a>
					</div>
				</div>
				<form id="login__form--mobile" class="login__form login__form--mobile">
					<div class="login__item">
						<div class="item__icon">
							<i class="icon"></i>
						</div>
						<div class="item__input">
							<input id="usernameMobile" type="text" placeholder="请输入手机号" />
							<span class="checkbox"></span>
						</div>
					</div>
					<div class="login__item">
						<div class="item__icon">
							<i class="icon"></i>
						</div>
						<div class="item__input">
							<input id="passwordMobile" type="text" placeholder="请输入验证码" />
						</div>
					</div>
					<div class="login__submit">
						<button type="submit">登录</button>
					</div>
					<div class="login__help">
						<a class="help__password"
							href=""
							target="_blank">忘记密码</a><a class="help__username"
							href=""
							target="_blank">忘记用户名</a><a class="help__register"
							href="./login.html" target="_blank">免费注册</a>
					</div>
				</form>
			</div>
		</section>
	</main>

	<!-- footer -->
	<footer class="clear-bordertop">
		<section class="copyright copyright--reverse">
			<p class="tm__info tm__info--reverse">
				<a href="javascript:;">关于天猫</a>
				<a href="javascript:;">商家服务大厅</a>
				<a href="javascript:;">开放平台</a>
				<a href="javascript:;">诚聘英才</a>
				<a href="javascript:;">联系我们</a>
				<a href="javascript:;">网站合作</a>
				<a href="javascript:;">法律声明</a>
				<a href="javascript:;">隐私权政策</a>
				<a href="javascript:;">知识产权</a>
				<a href="javascript:;">廉正举报</a>
				<a href="javascript:;">规则意见征集</a>
				<a href="javascript:;">不当竞争举报</a>
			</p>
			<p class="tm__friendlink tm__friendlink--reverse">
				<a href="javascript:;">阿里巴巴集团</a>|
				<a href="javascript:;">淘宝网天猫</a>|
				<a href="javascript:;">聚划算</a>|
				<a href="javascript:;">全球速卖通</a>|
				<a href="javascript:;">阿里巴巴国际交易市场</a>|
				<a href="javascript:;">1688</a>| <a href="javascript:;">阿里妈妈</a>|
				<a href="javascript:;">飞猪</a>| <a href="javascript:;">阿云计算</a>|
				<a href="javascript:;">AliOS</a>| <a href="javascript:;">阿里通信</a>|
				<a href="javascript:;">万网</a>| <a href="javascript:;">高德</a>|
				<a href="javascript:;">UC</a>| <a href="javascript:;">友盟</a>|
				<a href="javascript:;">虾米钉钉</a>|
				<a href="javascript:;">支付宝</a>|
				<a href="javascript:;">阿里安全</a>
			</p>
			<div class="footer__copyright footer__copyright--reverse">
				<a href="javascript:;"> 增值电信业务经营许可证:浙B2 20110446 </a>
				<a href="javascript:;">市场名称登记证:工商网市字3301004119号 </a>
				<a href="javascript:;">出版物网络交易平台服务经营备案证:新出发浙备字第2019002号</a>
				<br />
				<a href="javascript:;">互联网违法和不良信息举报电话: 0571-81683755 blxjb@alibaba
					inc.com</a>
				<a href="javascript:;">互联网药品信息服务资质证书编号:浙(经营性) -2017-0005</a>
				<a href="javascript:;">
					<img src="../images/TB.png" width="20" height="20" alt="ga" />
					浙公网安备33010002000120号</a>
				<br />
				<a href="javascript:;">医疗器械网络交易服务第三方平台备案: (浙)
					网械平台备字1201810第0002号</a>
				<br />
				<a href="javascript:;">浙江省网络食品销售第三方平台提供者备案:浙网食A33010002</a>
				<a href="javascript:;">12318举报</a>
				<a href="javascript:;">浙B2-201 10446-1</a>
				<br />
				<a class="copyright__cpr" href="javascript:;">&copy;2003现在TMALL.COM版权所有</a>
			</div>
		</section>
	</footer>
</body>

</html>